
/* deal media-query with different browsers */
@-ms-viewport: { width: device-width; }
@-webkit-viewpot: { width: device-width; }
@-moz-viewport: { width: device-width; }
@-o-viewport: { width: device-width; }
@viewport: { width: device-width; }

/* .container print in safari font-size */
@media print {
	.container {
		width: auto;
	}
}

/* the whole-page css */ 
* {
	margin: 0px;
	padding: 0px;
}
html body {
	width: 100%;
	height: 100%;
	font-family: 'Microsoft Yahei',"宋体", Arial, Helvetica, sans-serif;
}

/* header */ 
.container {
    width: 100% ;
    margin-bottom: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 80px;
    overflow: auto;
}


hr {
	margin: 0px;
	margin-left: -80px;
}

.header {
	box-shadow: 1px 2px 1px #888;
	margin-left: -80px;
	background-color: #DDEDFB;
}
.row {
	height；300px;
	width: 100%;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* .row::after {	//为使横线能够满页，使用hr标签，不用border-bottom属性
 	width: 100%;
 	border-bottom: solid 1px #000;
 	border-bottom-style: 
 }  */
.row .header_title {
	margin-top: 2%;
	margin-bottom: 2%;
	margin-left: 5%;
	vertical-align: middle;
	font-family: "宋体","Arial","Microsoft YaHei","黑体",sans-serif;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 1px 2px 1px #555;
}
.header .login {
	float: right;
	/* font-family:  "Microsoft YaHei","宋体", Arial, Helvetica, sans-serif; */
	font-size: 18px;
	margin-top: -50px;
	margin-right: 3%;
}
.header .login a {
	color: #00f;
}
a:hover, a:active {    /* 这四个伪类位置不能乱(link>visited>hover>active)，否则会产生覆盖 */
	color: #f00;
}

/* content */
.container .content {
	height: 400px;
}

.container .row .register
{
    height: 300px;
    margin-top: 11%;
    border: 2px solid #777;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #888;
}

.container .row .register .register_info {
	width: 65%;
	height: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}
.container .row .register .register_info .shake {
	color: red;
	float: right;
	font-size: 16px;
	/* font-family: 'Microsoft Yahei'; */
	animation:mymove 0.2s 4;	/* 8表示运动次数，若为infinite,则表示无线运动下去 */
	-webkit-animation:mymove 0.2s 4; /*Safari and Chrome*/
}
/* 设置抖动后的文字样式 */
.shake_after {
	color: red;
	float: right;
	font-size: 16px;
	/* font-family: 'Microsoft Yahei'; */
}

/* 设置文字抖动样式 */
@keyframes mymove {
	0%{transform: translate(5px, 0px);}
   50%{transform: translate(0px, 0px);}
   100%{transform: translate(5px, 0px); }
}
@-webkit-keyframes mymove {
	0%{-webkit-transform: translate(5px, 0px);}
   50%{-webkit-transform: translate(0px, 0px);}
   100%{-webkit-transform: translate(5px, 0px); }
}

/* 输入格式错误时输入框发光样式 */
.err_style:focus {
	border-color: rgba(255,0,0,.5);
	transition:border linear .2s,box-shadow linear .5s;
    -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
    box-shadow:0 0 6px rgba(255,0,0,1);
    -moz-box-shadow:0 0 6px rgba(255,0,0,1);
    -webkit-box-shadow:0 0 6px rgba(255,0,0,1);
}

form div .email_address, .password, .confirm_Password {
	float: left;

}
form div .form_control {
	float: right;
}

/* 登录时的样式 */

form .login_email {
	margin-top: 13%;
}
form .login_submit, .login_reset {
	margin-top: 7%;
}

/* 记住密码 */
form #password_rem {
	float: left;
	font-weight: 400;
}
form .checkbox{
	float: left;
}
form .remember_pwd {
	float: left;
}

/* 忘记密码 */ 
form .forgot_pwd {
	float: right;
	/* font-family: 'Microsoft Yahei'; */
	font-size: 14px;
}

/* 提交与重置 */
form #response {	/* 清除两侧的浮动，才不至于下面的内容被挤下去*/
	clear: both;
}
form #submit {
	float: left;
	margin-left: 10%;
	width: 35%;
}
form #reset {
	float: right;
	width: 34%;
	margin-right: 10%;
}

/* footer */
.container .footer {
	border-top: 1px solid #888;
	margin-left: -80px;
	background-color: #ddddfb;
	height: 125px;
}
.container .footer .about {
	margin-left: 33%;
}
.container .footer .about ul {
	margin-top: 1%;
}
.container .footer .about_link {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
	list-style: none;
	/* font-family: "Microsoft YaHei", sans-serif; */
	font-size: 16px;
}
.container .footer .about_link a {
	margin-right: 10px;
}
.container .footer .about .com_info {
	float: left;
	margin-left: -14%;
    margin-top: 5px;
    font-size: 16px;
    font-family: "Microsoft Yahei";
}
.container .footer .about .com_info .address {
	margin-left: 27%;
	margin-top: 5px;
}

/* 邮箱找回密码 */
form .formPwd {
	margin-top: 20%;
}
form .find_password {
	float: left;
	font-size: 16px;
}
/* 验证码 */
form .security_code
{
    font-size: 16px;
    float: left;
    margin-top: 7%;
}
/* 验证码输入框 */
form .input_code {
	margin-top: 5%;
    width: 42%;
    display: inline-block;
}
/* 用于存放验证码的图片 */
form .security_img {
	float: right;
	border: 1px solid #999;
	margin-top: 5%;
	height: 33px;
}